// 同步服务商表格
<template>
  <TheTable
    :tableOption="tableOption"
    :api="queryPageApi"
    :queryParams="queryParams"
    :pageHidden="true"
    :immediate="false"
  />
</template>

<script>
import { apiSaasServiceBCanReceive } from "@/api/order.js";
export default {
  props: {
    serviceOrderId: {
      type: String,
      default: "",
    },
  },
  data() {
    const _this = this;
    return {
      queryParams: {},
      pageNo: 1,
      limit: 10,
      queryPageApi: apiSaasServiceBCanReceive,
      tableOption: [
        {
          label: "服务商名称",
          prop: "saasName",
          width: 100
        },

        {
          label: "类目",
          prop: "serviceCategoryFullName",
          width: 120,
       
        },
        {
          label: "地区",
          prop: "region",
          width: 140,
          formatter({ city, district, province }) {
            return `${province} ${city} ${district}`;
          },
        },
        {
          label: "服务商报价",
          prop: "servicePrice",
          width: 80,
          formatter({ servicePrice }) {
            return _this.$filters.filterPriceFormat(servicePrice);
          },
        },
        {
          label: "操作",
          width: 80,
          prop: "createTim5e",
          render(createElement, { row }) {
            return createElement("el-row", [
              createElement("el-link", {
                domProps: {
                  innerHTML: "同步",
                },
                props: {
                  type: "primary",
                },
                on: {
                  click() {
                    _this.$emit("synchronous", row);
                  },
                },
              }),
            ]);
          },
        },
      ],
    };
  },
  mounted() {
    this.queryParams={serviceOrderId:this.serviceOrderId  } },
  methods: {},
};
</script>
<style scoped lang="scss">
::v-deep .el-tabs__content {
  height: 60vh;
}
::v-deep .row {
  display: flex;
  align-items: center;
  .span4 {
    flex: 1;
    margin-right: 20px;
  }
  .span20 {
    flex: 5;
    text-align-last: left;
  }
}
</style>
